home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / gimp / 2.0 / help / en / plug-in-depth-merge.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  12.1 KB  |  328 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>12.2.¬† Depth Merge</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" />
  10.     <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" />
  11.     <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
  12.     <link rel="start" href="index.html" title="GNU Image Manipulation Program" />
  13.     <link rel="up" href="filters-combine.html" title="12.¬† Combine Filters" />
  14.     <link rel="prev" href="filters-combine.html" title="12.¬† Combine Filters" />
  15.     <link rel="next" href="plug-in-film.html" title="12.3.¬† Film" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">12.2.¬†
  22.     <span lang="en" xml:lang="en">Depth Merge</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="filters-combine.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">12.¬†
  28.     <span lang="en" xml:lang="en">Combine Filters</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="plug-in-film.html"><img src="../images/next.png" alt="Next" /></a></td>
  31.         </tr>
  32.       </table>
  33.       <hr />
  34.     </div>
  35.     <div class="sect2" lang="en" xml:lang="en">
  36.       <div class="titlepage">
  37.         <div>
  38.           <div>
  39.             <h3 class="title"><a id="plug-in-depth-merge"></a>12.2.¬†
  40.     <span lang="en" xml:lang="en">Depth Merge</span>
  41.   </h3>
  42.           </div>
  43.           <div>
  44.             <div class="revhistory">
  45.               <table border="1" width="100%" summary="Revision history">
  46.                 <tr>
  47.                   <th align="left" valign="top" colspan="3">
  48.                     <b>Revision History</b>
  49.                   </th>
  50.                 </tr>
  51.                 <tr>
  52.                   <td align="left">Revision $Revision: 2438 $</td>
  53.                   <td align="left">2006-12-09</td>
  54.                   <td align="left">j.h</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2778201" class="indexterm"></a>
  62.       <a id="id2778219" class="indexterm"></a>
  63.       <p>
  64.     Depth Merge is a Combine Filter which is useful to combine two different
  65.     pictures or layers. You can decide which part of every image or layer will
  66.     stay visible.
  67.   </p>
  68.       <div class="sect3" lang="en" xml:lang="en">
  69.         <div class="titlepage">
  70.           <div>
  71.             <div>
  72.               <h4 class="title"><a id="id2778236"></a>12.2.1.¬†
  73.       <span lang="en" xml:lang="en">Overview</span>
  74.     </h4>
  75.             </div>
  76.           </div>
  77.         </div>
  78.         <p>
  79.       Every image is associated with a map which works as a mask. Simply
  80.       create this map as a grayscale gradient: when applied onto the image,
  81.       dark areas of the mask will show the underlying image and bright areas
  82.       will mask the image.
  83.     </p>
  84.         <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  85.           <table border="0" summary="Note">
  86.             <tr>
  87.               <td rowspan="2" align="center" valign="top" width="25">
  88.                 <img alt="[Note]" src="../images/note.png" />
  89.               </td>
  90.               <th align="left">Note</th>
  91.             </tr>
  92.             <tr>
  93.               <td align="left" valign="top">
  94.                 <p>
  95.         To work with this filter, images and maps must have the same size.
  96.         All images to be selected must be present on screen.
  97.       </p>
  98.                 <p>
  99.         You can also use this filter on an image with several layers. All
  100.         layers will appear in the drop-down lists used to select images.
  101.         These layers must have the same size.
  102.       </p>
  103.               </td>
  104.             </tr>
  105.           </table>
  106.         </div>
  107.       </div>
  108.       <div class="sect3" lang="en" xml:lang="en">
  109.         <div class="titlepage">
  110.           <div>
  111.             <div>
  112.               <h4 class="title"><a id="id2778277"></a>12.2.2.¬†
  113.       <span lang="en" xml:lang="en">Accessing this Filter</span>
  114.     </h4>
  115.             </div>
  116.           </div>
  117.         </div>
  118.         <p>
  119.       You can find this filter through
  120.       <span class="guimenu">Filters</span> ‚Üí <span class="guisubmenu">Combine</span> ‚Üí <span class="guimenuitem">Depth Merge</span>
  121.     </p>
  122.       </div>
  123.       <div class="sect3" lang="en" xml:lang="en">
  124.         <div class="titlepage">
  125.           <div>
  126.             <div>
  127.               <h4 class="title"><a id="id2778318"></a>12.2.3.¬†
  128.       <span lang="en" xml:lang="en">Options</span>
  129.     </h4>
  130.             </div>
  131.           </div>
  132.         </div>
  133.         <div class="figure">
  134.           <a id="id2778329"></a>
  135.           <p class="title">
  136.             <b>Figure¬†16.276.¬†
  137.       </b>
  138.           </p>
  139.           <div class="figure-contents">
  140.             <div class="mediaobject">
  141.               <img src="../images/filters/depthmerge-options.png" />
  142.             </div>
  143.           </div>
  144.         </div>
  145.         <br class="figure-break" />
  146.         <div class="variablelist">
  147.           <dl>
  148.             <dt>
  149.               <span class="term">Source 1, Source 2</span>
  150.             </dt>
  151.             <dd>
  152.               <p>
  153.             Defines the source images to use for the blending.
  154.           </p>
  155.             </dd>
  156.             <dt>
  157.               <span class="term">Depth Map</span>
  158.             </dt>
  159.             <dd>
  160.               <p>
  161.             Define the picture to use as transformation maps for the sources.
  162.           </p>
  163.             </dd>
  164.             <dt>
  165.               <span class="term">Overlap</span>
  166.             </dt>
  167.             <dd>
  168.               <p>Creates soft transitions between images.</p>
  169.             </dd>
  170.             <dt>
  171.               <span class="term">Offset</span>
  172.             </dt>
  173.             <dd>
  174.               <p>
  175.             This option shifts the merging limit, giving more or less
  176.             importance to an image against the other.
  177.           </p>
  178.             </dd>
  179.             <dt>
  180.               <span class="term">Scale 1, Scale 2</span>
  181.             </dt>
  182.             <dd>
  183.               <p>
  184.             Same as above for Offset, but more sensitive and applied to each
  185.             map separately. When you scale to a lower value, it will affect
  186.             the map image's value, making it darker. So, black is more
  187.             dominant in the merge and you will see more of the image.
  188.           </p>
  189.             </dd>
  190.           </dl>
  191.         </div>
  192.       </div>
  193.       <div class="sect3" lang="en" xml:lang="en">
  194.         <div class="titlepage">
  195.           <div>
  196.             <div>
  197.               <h4 class="title"><a id="id2778456"></a>12.2.4.¬†
  198.       <span lang="en" xml:lang="en">Using example</span>
  199.     </h4>
  200.             </div>
  201.           </div>
  202.         </div>
  203.         <p>
  204.       Maps are grayscale gradients created with the
  205.       <a class="link" href="gimp-tool-blend.html" title="3.4.¬† Blend">Blend tool</a> and modified with the
  206.       <a class="link" href="gimp-tool-curves.html" title="5.7.¬† Curves">Curve tool</a>.
  207.     </p>
  208.         <div class="figure">
  209.           <a id="id2778489"></a>
  210.           <p class="title">
  211.             <b>Figure¬†16.277.¬†
  212.         <span lang="en" xml:lang="en">Source images and their maps</span>
  213.       </b>
  214.           </p>
  215.           <div class="figure-contents">
  216.             <div class="mediaobject">
  217.               <img src="../images/filters/examples/depthmerge-source-image1.png" alt="Source images and their maps" />
  218.               <div class="caption">
  219.                 <p>Source image 1</p>
  220.               </div>
  221.             </div>
  222.             <div class="mediaobject">
  223.               <img src="../images/filters/examples/depthmerge-source-image2.png" alt="Source images and their maps" />
  224.               <div class="caption">
  225.                 <p>Source image 2</p>
  226.               </div>
  227.             </div>
  228.             <div class="mediaobject">
  229.               <img src="../images/filters/examples/depthmerge-source-map1.png" alt="Source images and their maps" />
  230.               <div class="caption">
  231.                 <p>Map 1</p>
  232.               </div>
  233.             </div>
  234.             <div class="mediaobject">
  235.               <img src="../images/filters/examples/depthmerge-source-map2.png" alt="Source images and their maps" />
  236.               <div class="caption">
  237.                 <p>Map 2</p>
  238.               </div>
  239.             </div>
  240.           </div>
  241.         </div>
  242.         <br class="figure-break" />
  243.         <p>
  244.       You can understand what's going on. Image-1 is treated by map-1: the red
  245.       square is masked and the yellow square remains visible. Image-2 is
  246.       treated by map-2: the red circle is masked and the green circle remains
  247.       visible. In total, the green circle and the yellow square stay visible.
  248.     </p>
  249.         <div class="figure">
  250.           <a id="id2778603"></a>
  251.           <p class="title">
  252.             <b>Figure¬†16.278.¬†
  253.         <span lang="en" xml:lang="en">Results</span>
  254.       </b>
  255.           </p>
  256.           <div class="figure-contents">
  257.             <div class="mediaobject">
  258.               <img src="../images/filters/examples/depthmerge-results-none.png" alt="Results" />
  259.               <div class="caption">
  260.                 <p>
  261.             <span class="emphasis"><em>No offset and no overlap</em></span>.
  262.             The limit between both images is sharp and is situated
  263.             in the middle of the mask gradient.
  264.           </p>
  265.               </div>
  266.             </div>
  267.             <div class="mediaobject">
  268.               <img src="../images/filters/examples/depthmerge-results-offset.png" alt="Results" />
  269.               <div class="caption">
  270.                 <p>
  271.             <span class="emphasis"><em>Offset</em></span> = 0.980 : the limit, sharp,
  272.             is shifted so that the image2 area is increased.
  273.           </p>
  274.               </div>
  275.             </div>
  276.             <div class="mediaobject">
  277.               <img src="../images/filters/examples/depthmerge-results-overlap.png" alt="Results" />
  278.               <div class="caption">
  279.                 <p>
  280.             <span class="emphasis"><em>Overlap</em></span>: the limit is blurred.
  281.           </p>
  282.               </div>
  283.             </div>
  284.             <div class="mediaobject">
  285.               <img src="../images/filters/examples/depthmerge-results-scale.png" alt="Results" />
  286.               <div class="caption">
  287.                 <p>
  288.             <span class="emphasis"><em>Scale 1</em></span>
  289.             reduced to 0.056 : as with Offset, the limit is shifted. Image-1
  290.             area is increased.
  291.           </p>
  292.               </div>
  293.             </div>
  294.           </div>
  295.         </div>
  296.         <br class="figure-break" />
  297.       </div>
  298.     </div>
  299.     <div class="navfooter">
  300.       <hr />
  301.       <table width="100%" summary="Navigation footer">
  302.         <tr>
  303.           <td width="40%" align="left"><a accesskey="p" href="filters-combine.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  304.           <td width="20%" align="center">
  305.             <a accesskey="u" href="filters-combine.html">
  306.               <img src="../images/up.png" alt="Up" />
  307.             </a>
  308.           </td>
  309.           <td width="40%" align="right">¬†<a accesskey="n" href="plug-in-film.html"><img src="../images/next.png" alt="Next" /></a></td>
  310.         </tr>
  311.         <tr>
  312.           <td width="40%" align="left" valign="top"><a accesskey="p" href="filters-combine.html">12.¬†
  313.     <span lang="en" xml:lang="en">Combine Filters</span>
  314.   </a>¬†</td>
  315.           <td width="20%" align="center">
  316.             <a accesskey="h" href="index.html">
  317.               <img src="../images/home.png" alt="Home" />
  318.             </a>
  319.           </td>
  320.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="plug-in-film.html">12.3.¬†
  321.     <span lang="en" xml:lang="en">Film</span>
  322.   </a></td>
  323.         </tr>
  324.       </table>
  325.     </div>
  326.   </body>
  327. </html>
  328.